/*----------------- 全局类CSS样式表 ----------------*/

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  line-height: .28rem;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", sans-serif;
  font-size: .18rem;
  -webkit-overflow-scrolling: touch;
  background-color: #d3d9e8;
}

.page {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  position: absolute;
}

.full-page {
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  -webkit-background-size: 100% 100%;
  overflow: hidden;
}

input, select, textarea {
  /*-webkit-appearance: none;*/
  outline: none;
  border: none;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", sans-serif;
}

input::-webkit-input-placeholder {
  color: white;
  font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", sans-serif;
}


/*----------------- 缩写类CSS样式表 -----------------*/

.rel {
  position: relative;
}

.abs {
  position: absolute;
}

.fix {
  position: fixed
}

.visible {
  visibility: visible;
}

.unvisible {
  visibility: hidden;
}


/*-----------------  动画类CSS样式表     -----------------*/

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  animation: fadeIn 0.4s linear;
  -webkit-animation: fadeIn 0.4s linear;
}